.item {
    position: relative;
    width: 100%;
    height: 61px;
    box-sizing: border-box;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    user-select: none;
    -webkit-user-select: none;

    &:hover {
        background-color: #dbdad9;
    }

    &.active {
        background-color: #c8c6c6;
    }

    .img {
        width: 35px;
        height: 35px;
        border-radius: 4px;
        overflow: hidden;

        img {
            width: 100%;
            height: 100%;
        }
    }

    .user {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #000;
    }
}
